<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="css/amazeui.min.css">
  <link rel="stylesheet" href="./css/bootstrap.min.css">
  <link rel="stylesheet" href="./css/item.css">
  <script src="js/jquery.min.js"></script>

  <title>元数据</title>
</head>
<body style="padding-bottom:150px;">
  <!-- 导航开始 -->
<div id="header">

</div>
  <!-- 导航结束 -->
  <!-- 中部区域开始 -->
  <div class="content data">
  <!-- 中部区域开始 -->
    <h2>元数据</h2>
   <div class="pullLeft">
     “高分疾病预防控制遥感信息服务库”是由国家卫生计生委统计信息中心牵头主持的国家高分重大专项高分疾病预防控制遥感信息服务示范系统的成果，
     数据库重点基于高分系列遥感卫星数据，以传染病疫情、污染区周边居民健康、自然灾害导致的突发公共卫生应急的监测与评估为需求目标，
     面向特定示范区生产并提供包括血吸虫病、登革热、鼠疫、高速路周边健康风险、矿区健康风险、化工厂健康风险、洪涝卫生应急、
     地震卫生应急等相关应用的环境要素信息和高分遥感监测与评估专题信息产品。
   </div>
   <div class="pullRight">
     <h2>示例</h2>
     <div class="shili">
       <img src="images/deng.png" alt=""  width="89%"  data-toggle="modal" data-target=".denggere">
       <p>广州登革热环境要素高分遥感监测与评估信息</p>
    </div>
    <div class="modal fade denggere" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
       <div class="modal-dialog modal-lg" role="document">
       <div class="modal-content">
      <div class="modal-header">
       <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="gridSystemModalLabel">广州登革热环境要素高分遥感监测与评估信息</h4>
        <img src="images/deng.png" />
      </div>
    </div>
       </div>
  </div>
    <div class="shili">
      <img src="images/xuexi.png" alt="" width="61%" data-toggle="modal" data-target=".xuexi">
      <p>岳阳地区血吸虫病风险等级图</p>
    </div>
    <div class="modal fade xuexi" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
       <div class="modal-dialog modal-lg" role="document">
       <div class="modal-content">
      <div class="modal-header">
       <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="gridSystemModalLabel">岳阳地区血吸虫病风险等级图</h4>
        <img src="images/xuexi.png" />
      </div>
    </div>
       </div>
  </div>
    <div class="shili">
      <img src="images/hight.png" alt="" width="80%" data-toggle="modal" data-target=".highroad">
      <p>北京地区高速公路环境要素高分遥感监测与评估信息</p>
    </div>
    <div class="modal fade highroad" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
       <div class="modal-dialog modal-lg" role="document">
       <div class="modal-content">
      <div class="modal-header">
       <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="gridSystemModalLabel">北京地区高速公路环境要素高分遥感监测与评估信息</h4>
        <img src="images/hight.png" width="80%;"/>
      </div>
    </div>
       </div>
  </div>
    <div class="shili">
      <img src="images/kuang.png" alt="" width="53%" data-toggle="modal" data-target=".kuang">
      <p>湖南郴州矿区重金属污染环境要素高分遥感监测与评估信息</p>
    </div>
    <div class="modal fade kuang" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
       <div class="modal-dialog modal-lg" role="document">
       <div class="modal-content">
      <div class="modal-header">
       <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="gridSystemModalLabel">湖南郴州矿区重金属污染环境要素高分遥感监测与评估信息</h4>
        <img src="images/kuang.png" />
      </div>
    </div>
       </div>
  </div>

   </div>



    <!-- 中部区域结束 -->
  </div>


    <!-- ===== Footer ===== -->
    <footer class="bgc-footer">

    	<div class="copyright">
         <p>高分疾病预防控制遥感信息服务库信箱：版权所有2009@All right reserved</p>
    		 <a href="">技术支持：清华大学信息化技术中心 京ICP备06002729号-2</a>
     </div>
    </footer>

    </script>
    <!-- 中部区域结束 -->
  <!-- 中部区域结束 -->
  <script src="js/bootstrap.min.js"></script>
  <script>
  $("#header").load("header.html");

  </script>
</body>
</html>
